<template>
    <div class="myMess">
        <div class="myMessbox">
        	<div class="toptitle">
				<div><Icon v-on:click="back" style="font-size:0.55rem;" type="ios-arrow-back"/></div>
				<div style="width:100%;color:#0f1529;text-align:center;"><span>我的个人信息</span></div>
			</div>
			<div class="myMesscon">
				<div class="box">
					<CellGroup>
						<Cell class="onecell" title="昵称" extra="嘿嘿嘿" target="_self" to="/user/changeName" />
						<Cell class="onecell" title="密码" extra="设置密码" target="_self" to="/user/changePass" />
					</CellGroup>
				</div>
			</div>
        </div>
		<div class="dibu"></div>
    </div>
</template>
<script>
    export default {
        name:"myMess",
        data(){
        	return{
				loginToggle:true
			}
        },
        methods:{
		  toggleLogin(){
			  this.loginToggle = !this.loginToggle;
		  },
		  back(){
			  this.$router.go(-1);
		  }
		}
    }
</script>
<style scoped>
    *{
        margin:0;
        padding:0;
    }
    .myMess{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color:#f1f1f1;
    }
	.toptitle{
		width:7.5rem;
		height:0.8rem;
		line-height:0.8rem;
		background-color:white;
		position: fixed;
		top: 0rem;
		left: 0rem;
		padding-left:0.3rem;
		padding-right:0.3rem;
		display: flex;
		justify-content:space-between;
		border-bottom:1px solid #DCDCDC;
	}
	.myMesscon{
		margin-top:1rem;
	}
	.box{
		margin:0.3rem 0;
		background-color:#FFFFFF;
        border-top:1px solid #DCDCDC;
        border-bottom:1px solid #DCDCDC;
	}
	.onecell{
        height:0.8rem !important; 
        line-height:0.8rem;
		margin-left:0.25rem;
        border-bottom:1px solid #DCDCDC;
    }
    .ivu-cell-group>div:nth-last-of-type(1){
		border-bottom:none !important;
	}
	.dibu{
		width: 7.5rem;
		height:1.3rem;
		left: 0;
		bottom: 0;
		z-index:999;
		position: fixed;
		background:white;
	}
</style>
